<template>
	<div class="validate-table-container">
		<div v-for="item in validateData.list" :key="item" class="table-conent">
			<p class="table-title">{{ item.agentName }}</p>
			<el-table :data="item.data" border style="width: 100%" :header-cell-style="{ background: '#f8f8f9' }">
				<el-table-column prop="name" label="" width="150" align="center"> </el-table-column>
				<el-table-column prop="option" label="人脸检测" width="120" align="center"> </el-table-column>
				<el-table-column prop="status" label="活体检测" width="120" align="center"> </el-table-column>
			</el-table>
		</div>
	</div>
</template>

<script>
export default {
	props: {
		validateData: {
			type: Object,
			required: true,
			default: () => {}
		}
	},
	data() {
		return {};
	}
};
</script>

<style lang="less" scoped>
.validate-table-container {
	display: flex;
	flex-wrap: wrap;
	.table-conent {
		margin: 0 10px;
	}
	.table-title {
		color: #444;
		font-weight: 700;
		padding: 8px 0;
	}
}
</style>
